<template>
    <div id="reply-comment">
        <search
    v-model="value"
    :autoFixed="false"
    @on-focus="onFocus"
    @on-cancel="onCancel"
    @on-submit="onSubmit"
    placeholder="回复评论"
    ref="search"></search>
    </div>
</template>
<script>
import { Search } from 'vux'
export default {
  data () {
    return {
      value: ''
    }
  },
  components: {
    Search
  },
  methods: {
    onSubmit () {
      this.$vux.toast.show({
        type: 'text',
        position: 'top',
        text: this.value
      })
    },
    onFocus () {
      console.log('on focus')
    },
    onCancel () {
      console.log('on cancel')
    }
  }
}
</script>
